<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS引入方式</title>
  <style>
    h2{color: cornflowerblue;
    }
  </style>
  <!--link引入外部的css样式文件  实现多页面复用-->
  <link rel="stylesheet" href="my.css">
</head>
<body>
<!--内联样式: 在标签的style属性中添加样式代码, 弊端:不能复用 -->
<h1 style="color: red">内联样式1</h1>
<h1 style="color:#ff1acd">内联样式2</h1>
<!--内部样式: 在head标签里面添加一个style标签, 在
    标签体内写样式代码, 可以实现复用但是只能本页面复用
-->
<h2>内部样式1</h2>
<h2>内部样式2</h2>
<!--外部样式: 在单独的css样式文件中写样式代码, 在html页面中通过link标
    签引入, 可以实现多页面复用, 可以将html代码和css样式代码分离
-->
<h3>外部样式1</h3>
<h3>外部样式1</h3>
</body>
</html>